<template>
  <div class="red">
    <input class="denglu" type="submit" value="登录者账号【退出登录】" @click="aa()">
  </div>
           <div class="kk">
  <div class="organe">
   <router-link to="/AddPerson"> 添加人员AddPerson</router-link> 
   <br>
   <router-link to="/ListPerson"> 人员列表ListPerson</router-link> 
  </div>

  <div class="fen">
    <article>
        <router-view></router-view>
    </article>
  </div>
           </div>
</template>

<script>
export default {
    name:"HomeCom",
data(){
    return{
        
    }
},
 methods:{
 aa(){
        sessionStorage.clear();
        this.$router.push('/login')
    }
}
}

</script>

<style scoped>
.denglu{
    border: none;
    background-color: red;
    color: white;
    margin: 30px;
}
.red{
    width: 100%;
    height: 80px;
    background-color: red;
}
.kk{
    display: flex;
}
.organe{
    width: 400px;
    height: 880px;
    background-color: orange;
}
.organe button{
  width: 120px;
  height: 30px;
  border-radius: 6px;
  border: none;
}
.fen{
    height: 880px;
    width: 100%;
    background-color: rgb(255, 195, 235);
}
</style>